<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        // 构建一个无限循环，弹出输入框
        let money = 100;
        while(true){
            let num = +prompt(`
            请输入您的操作：
                1.取款
                2.存款
                3.查看余额
                4.退出
            `)
            // 如果用户输入的是4，则退出循环
            if(num === 4){
                document.write('滴！您的余额为xxx元，请节约使用！')
                // 退出循环
                break;
            } else if(num === 1){
            // 判断用户输入1.取款=>预先定义金额,定义在循环外面
            //再次弹出输入框，让用户输入取款金额
            let qu = prompt('请输入您要取的金额:')
            // 将银行余额进行操作
            money = money - qu;// money -= qu;
            alert(money);
            }else if(num === 2){
            //判断用户输入2.存款=>弹出输入框，让用户输入存款金额
            let cun = +prompt('请输入您要存的金额:');
            money = money + cun;// money += cun;
            alert(money);
            }else if(num === 3){
            //判断用户输入3.查看余额=>直接弹出余额
            alert(`您的银行卡余额为${money}`);
            }else{
                //判断用户输入其他内容，则弹出提示框，提示用户输入规定的内容
                alert('请输入规定的内容');
            }
        }
    </script>
</body>
</html>